.kf-sidebar-r{
	width: 230px;
	margin-left: 14px;

	.sidebar-form{
		border: 1px solid $border-color;
		background: $color-acquiesce;
		margin-bottom: 10px;

		.sf-top{
			width: 228px;
			height: 68px;
			border-bottom: 1px solid $border-color;
		}
		.sf-cont{
			padding: 16px;

			.sf-item{
				position: relative;
				margin: 10px 0;
				input{
					width: 196px;
					height: 30px;
					text-indent: 30px;
				}
				.item-i{
					position: absolute;
					z-index: 99;
					top: 8px;
					left: 10px;
					display: inline-block;
					width: 16px;
					height: 20px;
				}

				.phone{
					background: url(../images/service/phone.png) no-repeat;
				}

				.user{
					background: url(../images/service/user.png) no-repeat;
				}

				.need{
					background: url(../images/service/need.png) no-repeat;
				}

				.sf-btn{
					width: 174px;
					font-size: $font-size-s;
					color: $color-acquiesce;
					background: $btn-color-default;
					&:hover{
						@include opacity($pre:80);
					}
				}
			}
		}

		.sf-points{
			.kf-points-item{
				line-height: 20px;
				margin-right: 28px;
			}

			.kf-points-item:last-child{
				margin-right: 0;
			}

			.p-icon{
				display: inline-block;
				width: 14px;
				height: 16px;
				margin-right: 4px;
			}

			.p-icon1{
				background: url(../images/service/icon.png) no-repeat;
			}

			.p-icon2{
				background: url(../images/service/icon2.png) no-repeat;
			}

			.p-icon3{
				background: url(../images/service/icon3.png) no-repeat;
			}
		}
	}

	.sidebar-hot-task{
		background: $color-acquiesce;
		padding: 0 17px;
		.panel-top{
			text-align: center;
			padding: 10px 0;
			margin-bottom: 10px;
			border-bottom: 1px solid $btn-color-default;
			h3{
				font-size: $font-size-s;
				color: $font-color;
			}
		}
		
		.panel-main{
			padding-bottom: 10px;
		}
		.task-item{
			width: 194px;
			border: 1px solid $border-color;
			margin-bottom: 10px;

			a{
				color: $font-color;
			}

			&:hover{
				border-color: $btn-color-default;;
			}

			p{
				margin: 10px 0;
			}

			.task-info{
				padding: 10px;
			}

			.task-mark{
				color: $mark-color-second;
			}

			.task-mach{
				color: $font-color;
				font-size: $font-size-xs;
			}

			.task-main{
				color: $h-color;
				font-size: $font-size-xs;
			}

			.task-n{
				color: $font-color-default;
				font-size: $font-size-xs;
			}

			.task-img{
				position: relative;
			}

			.t-position{
				position: absolute;
				top: 0;
				left: 0;
				display: inline-block;
				width: 53px;
				height: 53px;

			}
		}
	}
}